<!--
 * @Author: 'yangyuhang1203' '2621131059@qq.com'
 * @Date: 2025-09-08 17:09:17
 * @LastEditors: 'yangyuhang1203' '2621131059@qq.com'
 * @LastEditTime: 2025-09-08 17:09:35
 * @FilePath: \企业级\前端\CSS\案例\user.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="register-container">
        <h2 class="register-title">新用户注册</h2>
        <p class="register-subtitle">USER REGISTER</p>
        <form action="#" method="post" class="register-form">
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" placeholder="请输入账号">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" name="password" placeholder="请输入密码">
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" placeholder="请输入Email">
            </div>
            <div class="form-group">
                <label for="realname">姓名</label>
                <input type="text" id="realname" name="realname" placeholder="请输入真实姓名">
            </div>
            <div class="form-group">
                <label for="phone">手机号</label>
                <input type="tel" id="phone" name="phone" placeholder="请输入您的手机号">
            </div>
            <div class="form-group gender-group">
                <label>性别</label>
                <input type="radio" id="male" name="gender" value="male" checked>
                <label for="male">男</label>
                <input type="radio" id="female" name="gender" value="female">
                <label for="female">女</label>
            </div>
            <div class="form-group">
                <label for="birthday">出生日期</label>
                <input type="text" id="birthday" name="birthday" placeholder="年/月/日">
            </div>
            <div class="form-group captcha-group">
                <label for="captcha">验证码</label>
                <input type="text" id="captcha" name="captcha" placeholder="请输入验证码">
                <div class="captcha-img"></div>
            </div>
            <button type="submit" class="register-btn">注册</button>
        </form>
        <div class="login-link">
            已有账号？<a href="#">立即登录</a>
        </div>
    </div>
</body>
</html>